<div id="AppComponent">
    <div id="navbar" *ngIf="isConnected" [class.connected]="isConnected">
        <app-navbar></app-navbar>
    </div>
    <div id="banner" class="pointing" (click)="refresh()" *ngIf="showUIUpdatedBanner">
        {{ 'ui_updated' | translate }}
    </div>

    <div class="page" [class.connected]="isConnected">
        <div class="content" [class.connected]="isConnected">
            <div class="toast">
                <toaster-container [toasterconfig]="toasterConfig"></toaster-container>
            </div>
            <router-outlet></router-outlet>
            <div class="ui active text loader" *ngIf="displayResolver">{{ 'common_loading_project' | translate }}</div>
        </div>
    </div>
    <app-node-edit-modal></app-node-edit-modal>
</div>
